<?php if (!defined('THINK_PATH')) exit();?><script src="<?php echo JS_URL;?>bcount.js"></script>
<style type="text/css">
html {font-size:32px !important;box-sizing: border-box;-webkit-touch-callout:none;-webkit-user-select: none;-webkit-text-size-adjust: none;-webkit-appearance: none;}
/*android720*/
@media(min-device-width:360px){html{ font-size:36px !important}}
/*iphone6*/
@media(min-device-width:375px){html{ font-size:37.5px !important}}
/*iphone6p*/
@media(min-device-width:414px){html{ font-size:41.4px !important}}
/*samsungs7*/
@media(min-device-width:720px){html{ font-size:72px !important}}
* {user-select: none;-webkit-tap-highlight-color: rgba(255,255,255,0);-webkit-tap-highlight-color: transparent;box-sizing: inherit}
*:before,*:after {box-sizing: inherit}
input[type],[contenteditable] {user-select: text}
body,h1,h2,h3,h4,h5,h6,ul,li,p {margin: 0;padding:0;font-size: 1rem;font-weight: 400;-webkit-text-size-adjust: none}
body{background: #f9f9f9}
ul, ol, li {list-style-type:none;vertical-align:0}
base,basefont, datalist, head, meta, script, style, title, noembed, param, template {display: none}
a {text-decoration: none;color: inherit}
b {font-weight: 400}
em,i {font-style: normal}
a:focus,button:focus {outline: 0}
button {appearance: none;background-color: transparent;border: 0;padding: 0}
input,fieldset {appearance: none;border: 0;padding: 0;margin: 0;min-width: 0;font-size: 1rem;font-family: inherit}
input::-ms-clear {display: none}
input:focus {outline: 0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {appearance: none}
img {max-width: 100%;display: block}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
.clear { clear:both;}
.wrap100{width: 100%}
.wrap96{ width: 96% }
/*列表页*/
.topbg{ height: auto; display: block; position: relative;}
.toplogo{ height: 3.5em; margin: 0 auto; padding:0.625em 0; }
.toplink{ width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.2); height: 1rem; display: block; padding: 0.25em 0.5em; color: #fff; margin: 0 auto }
.linkleft{ float: left; font-size: 0.5rem; color: #fff }
.linkleft span{ font-style: bold }
.linkright{ float: right; font-size: 0.5rem; color: #fff}
.container{ width: 100%;}
.station{width: 100%; background: url(/Public/images/bg-station_name.jpg) repeat-x center center; display: block; border-bottom: 1px solid #eee; height: auto;}
.station h3{margin: 0 auto; padding: 0.3rem; color: #52525f; font-size: 0.4rem; background: #f9f9f9; display: block; text-align: center; width: 50%}
.buslist{ width: 100%; margin: 0 auto }
.buslist ul{ list-style: none }
.buslist li{ padding: 0.3rem; display: block; border-bottom: 1px solid #eee; }
.buslist li a{ width: 100%; color: #1f1f1e; display: block; height:auto; background: url(/Public/images/buslist.png) no-repeat right center; background-size: 3%}
.buslist li a div{ background: url(/Public/images/busicon.png) no-repeat left center; background-size: 7%;  padding:0 1.1rem;}
.buslist li a .stops{ background: url(/Public/images/stopicon.png) no-repeat left center; background-size: 5%;  padding:0.2rem 1.1rem;}
.buslist li a h2{ font-size: 0.58rem; margin: 0.2rem auto; color: #322C53}
.buslist li a .stops h2{ font-size: 0.5rem; margin: 0.2rem auto; color: #322C53}
.buslist li a h5{ font-size: 0.45rem; margin: 0.2rem auto; color: #787878}
.wraptop{width: 100%; height: auto; background: #ccc; padding: 0.1em 0; background: url(/Public/images/bg-top.jpg) no-repeat top center; background-size: cover}
.buscont{ width: 92%; margin:0.3em auto; background: #fff; padding:0.15em 0; border: 1px solid #eee; border-radius: 0.15em}
.buscont h2{ color: #454545; display: block; float: left; line-height: 1.2em; font-size:0.6em; padding: 0 !important; text-indent: 1em; margin: 0.3em 0 0; margin-left: 0.5em; background: url(/Public/images/busicon.png) no-repeat left center; background-size: 28% }
.intro{ color:#777; text-align: center; margin: 0.5em auto; font-size: 0.3em; background: #f1f1f1; padding: 1.2em 0 }
.intro p{ font-size: 0.5rem }
.rednote1{ font-size: 1.5em; font-style: bold; color: #f2668d; }
.rednote2{ font-size: 1.5em; font-style: bold; color: #f2668d; }
.rednote3{ font-size: 1.2em; font-style: bold; color: #777; }
.don{ width: 30px; display: inline-block; }
.infolist{margin:0.1em 0; display: block; float: right; font-size: 0.4em; padding: 0.6em 1em 0 0; color: #aaa}
.bbb{font-size: 0.3em; text-align: center; color: #999; line-height: 1.2em}
.blankin{height: 1px; width: 100%; margin: 0.2em auto}
.docnote{width:92%; margin:0 auto; background: #fff; font-size: 0.6em; color: #777; line-height: 1.5em; text-align: center; border: 1px dotted #ccc; padding:0.5em;}
.docnote img{max-width: 100%; margin:0 auto;}
.buspay{ width: 100% }
.buspay h2{ width: 50%; height:4em;  margin:1em auto; background: url(/Public/images/lion.jpg) no-repeat top center; background-size: contain; }
.buspay h4{font-size: 0.6em; text-align: center; color: #777; line-height: 1.5em; margin-top: 2rem }
.buscode{ width:100%; margin:5em auto; }
.buscode img{ width: 50% !important; height: auto !important; margin:0 auto }
.blankbot{display: block; height: 2em}
/*底部*/
.bot{ position: fixed; bottom: 0; left: 0; height: 59px; z-index: 999; background: #393839; width: 100% }
.bot a{ float: left; width: 33%; color: #fff; text-align: center; padding:2.7em 0 0; font-size: 0.3em; margin-top: 0.3em }
.bak{background: url(/Public/images/bak.png) no-repeat top center; background-size: 28%}
.refresh{background: url(/Public/images/refresh.png) no-repeat top center; background-size: 28%}
.pay{background: url(/Public/images/pay.png) no-repeat top center; background-size: 28%}
.bakindex{background: url(/Public/images/bakindex.png) no-repeat top center; background-size: 28%}
.busticket{ background: url(/Public/images/bg-ticket.jpg) no-repeat top center; background-size: contain; width: 86%; min-height: 400px; margin:0 auto;  }
.busticket h2{ color: #1f1f1e; line-height: 1em; font-size: 3em; padding:1em 0 0 0 !important; text-indent: 1.4em; margin:0 0 1em 0; margin-left: 1.2em; background: url(/Public/images/busicon.png) no-repeat left bottom; background-size: 15% }
/*吐槽*/
.u-entry {background-color: #fff; border: 1px solid #eee; display:block; border-radius: 0.2em; width: 92%; margin: 0.5em auto 0 }
.u-entry img {margin:0 auto;}
/*公众号&客服*/
.gzh_wrap{ width: 80%; height: auto; margin:1rem auto; border: 1px solid #ddd; border-radius: 0.2rem; padding:0.5rem 0}
.gzh_wrap h2{font-size: 0.9rem; margin:0 auto; text-align: center}
.gzh_wrap h3{font-size: 0.7rem; margin:0 auto; text-align: center; color: #ff2626}
.gzh_wrap h4{font-size: 0.5rem; margin:0 auto; text-align: center; color: #ff2626}
.gzh_wrap img{ margin:0.8rem auto; width: 50% }
.gzh_wrap p{font-size: 0.4rem; margin:0.2rem auto; text-align: center}
.gzh_index{ width: 100%; background: #ececec; padding:0.2rem 0 }
.gzh_index_note{ width: 70%; float: left; }
.gzh_index_note h2{ font-size: 0.6rem; line-height: 1.1rem; text-align: center; }
.gzh_index a{ width: 30%; float: right; text-align: center; }
.gzh_index_img{ width:90% ; float: left}
.gotest{ background: #ccc; height: 5rem }
.gotest h2{ color: #000; text-align: center; line-height: 1.5rem; font-size: 1rem }
.gotest h3{ color: #787878; text-align: center; line-height: 1.5rem; font-size: 0.5rem }
/*搜索&附近*/
.tabwrap{ width: 100%; height: 1.4rem; border-bottom: 1px solid #ddd; background: #ededed}
.tabwrap span{width: 50%; height: 1.4rem; float: left; font-size: 0.45rem; line-height: 1.4rem; text-align: center;}
.tabon{ border-bottom: 2px solid #05A6FF; color: #05A6FF }
.input-wrap{padding:0.5rem 0.5rem 1.5rem 0.5rem; position: relative;}
.input-station{ width: 65%; float: left; border: 1px solid #ccc; height: 1rem; font-size: 0.5rem; padding-left: 0.1rem; border-radius: 0.1rem}
.input-button{ width: 30%; float: right; border: 1px solid #05A6FF; background: #05A6FF; font-size: 0.5rem; height: 1rem; color: #fff; border-radius: 0.1rem}
.errorinfo{visibility:hidden; position: absolute; width:100%; height: auto; display: block; top:2.5rem; margin:0 auto; font-size: 0.5rem; color: #f2668d; text-align: center; z-index: 999 }  
.show{visibility:visible}
#errormsg{position: absolute; width:100%; height: auto; display: block; top:2.5rem; margin:0 auto; font-size: 0.5rem; color: #f2668d; text-align: center; z-index: 999}
.nearsite{ width: 100%; text-align: center; background:#efefef; padding: 0.3rem 0 }
label{ font-size: 0.58rem; color: #45456D; padding-left:0.8rem; background: url(/Public/images/nearsite.png) no-repeat left center; background-size: contain;}  	
</style>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>爱乘车</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="关键词" />
<meta name="description" content="描述" />
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
  window.onload = function() {
    //var stations=<?php echo ($buslist1["stations"]); ?>;
      if('<?php echo ($buslist1["stations"]); ?>'!=''){
        $("#p1").text('<?php echo ($buslist1["stations"]); ?>');
        $("#p2").text('<?php echo ($buslist1["minutes"]); ?>');
      }
      else{
        $("#test")[0].innerHTML="<span class='rednote1'>该公交车尚未发车！</span>";
      }
    }
</script>
</head>
<body>
<div class="wraptop">
  <div class="buscont">
      <h2><?php echo ($buslist1["lineid"]); ?>路</h2>
      <div class="infolist">
       <small>票价：</small><span class="fc-f60"><?php echo ($buslist1["ticket_price"]); ?>元</span>
      </div>
      <div class="clearfix"></div>
      <div class="intro">          
         <div id="test">
           <p>距离 <span class="rednote1" id="p1"></span> 站<span class="don"></span>约 <span class="rednote2" id="p2"></span> 分钟</p>
         </div>
      </div>
      <div class="bbb">如出现异常，请点击下面的刷新按钮
		 
	  </div>  
  </div>
</div>

<div class="container">
  <div class="blankin"></div>   
  <!doctype html>
<html>
<head>
<style type="text/css">
    .ggtxt{ background: #fff; padding: 0.2rem }
    .ggtxt p{ color: #333; font-size: 0.38rem; line-height: 0.6rem; text-align: left; text-indent: 2em}
    .ggbot{ background:#105E00; padding: 0.2rem }
    .ggbot p{ color: #fff; font-size: 0.38rem; line-height: 0.6rem; text-align: left; text-indent: 1em}
    .ggbot a{}
</style>
</head>
<body>
  <div class="docnote">
        <?php if($buslist2["id"] > 100): ?><a href="/Public/uploadweb/<?php echo ($buslist2["id"]); ?>.html">
            <img alt="" src="/Public/uploadpic/<?php echo ($buslist2["id"]); ?>h.jpg" onerror="this.src='<?php echo (IMG_URL); ?>default_bb.jpg' ">
            </a>
        <?php else: ?>
            <a href="/Public/uploadweb/<?php echo ($buslist2["id"]); ?>.html">
            <img alt="" src="/Public/uploadpic/<?php echo ($buslist2["id"]); ?>n.jpg" onerror="this.src='<?php echo (IMG_URL); ?>default_bb.jpg' ">
            </a><?php endif; ?>
  </div>
</body>
</html>
  <div class="u-entry"><a href="/bus/gzh/kefu.html"><img src="<?php echo (IMG_URL); ?>lazy.gif" data-echo="<?php echo IMG_URL;?>liuyan.png" /></a></div>
  <div class="blankbot clearfix"></div>
  <div class="bot">
     <a href="javascript:window.history.back();" class="bak">返 回</a>
     <a onclick="renovates()" class="refresh" id="refresh">刷 新</a> 
     <a href="<?php echo U('./Bus/Pay/pay');?>" class="pay">上车付款</a>  
  </div>
</div>
<script src="<?php echo JS_URL;?>echo.min.js"></script>
<script>
Echo.init({
  offset: 500,
  throttle: 0
});
</script>
<script>
function renovates(){
    document.location.reload();
}
</script>
</body>
</html>